<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<div id="snowMask"></div>
<body>
<div id="b">
    <div class="row">
        <div class="col-md-9">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span><i class="fa fa-book"></i>&nbsp;搜索 <span style="color:greenyellow;" th:text="${q}"></span> 的结果 (总共搜到 <span
                                style="color: greenyellow"
                                th:text="${resultTotal}"></span> 条记录)</span>
                    </h3>
                </div>
                <div class="panel-body">
                    <div th:each="blog:${blogList}" th:if="${resultTotal>0}">
                        <div class="panel panel-primary shadow">
                            <div class="panel-body">
                                <p><h4><a th:href="'/blog/'+${blog.getId()}" style="text-decoration: none"
                                          th:utext="${blog.title}" class="test"></a></h4></p>
                                <p style="color: gray"><span
                                        th:text="' 发布日期: '+${#dates.format(blog.releaseDate,'yyyy-MM-dd HH:mm:ss')}+' '"></span>
                                    | <span th:text="' 阅读次数: '+${blog.click}+' '"></span> | 所属类别: <a
                                            th:href="${'/index?blogTypeId='+blog.blogType.id}" style="color: grey"
                                            class="status-icon hint--top" th:aria-label="${'查看分类：'+blog.blogType.name}"
                                            th:text="${blog.blogType.name}"></a></p>
                                <p th:utext="${#strings.abbreviate(blog.content,600)}"></p>
                                <p>
                                    <a th:href="'/blog/'+${blog.getId()}">
                                        <button type="button" class="btn btn-primary btn-sm btn11">查看详情</button>
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <p class="pages" style="text-align: center">
                        <font th:utext="${pageCode}"></font>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <i class="fa fa-th-large"></i>&nbsp;按类别分类
                    </h3>
                </div>
                <div class="panel-body">
                    <div th:each="blogType:${blogTypeList}">
                        <p><a th:href="${'/index?blogTypeId='+blogType.id}"
                              th:text="${blogType.name}" style="text-decoration: none" th:aria-label="${'查看分类：'+blogType.name}"
                              class="test status-icon  hint--left"></a><span class="label label-primary"
                                                                            th:text="${blogType.blogNum}"></span></p>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <i class="fa fa-calendar"></i>&nbsp;按日期分类
                    </h3>
                </div>
                <div class="panel-body">
                    <div th:each="blogCount:${blogCountList}">
                        <p><a th:href="${'/index?releaseDateStr='+blogCount.releaseDateStr}"
                              th:text="${blogCount.releaseDateStr}" th:aria-label="${'查看分类：'+blogCount.releaseDateStr}"
                              style="text-decoration: none" class="test status-icon  hint--left"></a><span
                                class="label label-primary" th:text="${blogCount.blogCount}"></span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>